Ext.namespace('pages.p2p.upload.update');

pages.p2p.upload.update.View = function(config) {
	Ext.apply(this, config);
	/** 操作类型 */
	this.operType = config.operType;
	this.initUIComponents();
	this.record = config.record;
	pages.p2p.upload.update.View.superclass.constructor.call(this);
};

Ext.extend(pages.p2p.upload.update.View, Ext.Window, {

	initUIComponents : function() {

		this.fileForm = new Ext.form.FormPanel({
			layout : 'column',
			region : 'center',
			labelWidth : 280,
			labelAlign : 'right',
			autoScroll : true,
			border : false,
			frame : false,
			fileUpload : true,
			id : 'file_form',
			bodyStyle : 'padding:5',
			items : [{
				columnWidth : 1,
				layout : 'form',
				border : false,
				autoScroll : true,
				items : [{
					xtype : 'box',
					name : 'IMGBOX',
					id : 'IMGBOX',
					anchor : '100%',
					autoEl : {
						tag : 'img',
						type : 'image',
						bodyStyle : 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);',
						complete : 'off'
					}
				}]
			}]

		});

		Ext.apply(this, {
					id : 'pro_add',
					title : '预览图片',
					border : false,
					layout : 'border',
					style : {
						marginRight : 'auto',
						marginLeft : 'auto'
					},
					width : '70%',
					height : 550,
					modal : true,
					items : [this.fileForm],
					listeners : {
						'render' : this.initData.createDelegate(this)
					},
					tbar : [{
								id : 'picMaxSize',
								iconCls : 'arrow_out',
								text : '放大',
								handler : this.boots.createDelegate(this, [50])
							}, '-', {
								id : 'picMinSize',
								iconCls : 'arrow_in',
								text : '缩小',
								handler : this.boots.createDelegate(this, [-50])
							}, '-', {
								id : 'view',
								iconCls : 'arrow_refresh',
								text : '旋转',
								handler : this.xuanZhuan.createDelegate(this,[90])
							}, '-', {
								id : 'reset',
								iconCls : 'reset',
								text : '重置',
								handler : this.onReset.createDelegate(this)
							}, {
								text : '关闭',
								iconCls : 'close',
								handler : this.onCancel.createDelegate(this)
							}]
				});
	},
	initData : function() {
		var imgid = this.record.get('REF_ATT');
		Ext.getCmp('IMGBOX').autoEl.src = baseUrl
				+ '/upload/downloadFile.do?attachId=' + imgid;
		var img = Ext.getCmp('IMGBOX');
		img.setWidth('100%');
		//img.setHeight('100%');
	},
	/*
	 * @放大图片
	 * @缩小图片
	 * */
	boots : function(size) {
		var img = Ext.getCmp('IMGBOX');
		var imgSize = img.getSize();
		var oWidth = imgSize.width; // 取得图片的实际宽度
		var oHeight = imgSize.height; // 取得图片的实际高度
		if (oWidth <= 100 && size < 0) {
			return;
		}
		img.setWidth(oWidth + size);
		img.setHeight(oHeight + size / oWidth * oHeight);

	},
	
	xuanZhuan : function(size){
		var img = Ext.getCmp('IMGBOX').id;
		var imgdom = document.getElementById(img);
		var transform=imgdom.style.transform;
		if(transform=='rotate(90deg)'){
			size=180;
		}else if(transform=='rotate(180deg)'){
			size=270;
		}else if(transform=='rotate(270deg)'){
			size=360;
		}
		imgdom.style.transform = 'rotate('+size+'deg)';

//		img.css('transform','rotate('+size+'deg)');
		
		
		/*-ms-transform:rotate(-8deg);  IE 9 
		-webkit-transform:rotate(-8deg);  Safari and Chrome 
		transform:rotate(-8deg);*/
		
	},
	
	
	/*
	 * 重置图片
	 * */
	onReset : function() {
		var img = Ext.getCmp('IMGBOX');
		var imgSize = img.getSize();
		var oWidth = imgSize.width;
		var oHeight = imgSize.height;
		img.setWidth('100%');
		var nWidth = Ext.getCmp('IMGBOX').getSize().width;
		img.setHeight(nWidth * oHeight/oWidth);
		
		var img = Ext.getCmp('IMGBOX').id;
		var imgdom = document.getElementById(img);
		imgdom.style.transform = 'rotate('+0+'deg)';
	},

	onCancel : function() {
		this.close();
	}
});
